<template>
    <div class="kuan">
        <el-menu :default-active="vertical" class="el-menu-demo" @select="handleSelect" mode="horizontal">
            <el-menu-item index="1">首页</el-menu-item>
            <el-menu-item index="2">体育</el-menu-item>
            <el-menu-item index="3">舞蹈古典</el-menu-item>
            <el-menu-item index="4">亲子</el-menu-item>
            <el-menu-item index="5">摇滚</el-menu-item>
            <el-menu-item index="6">戏曲</el-menu-item>
        </el-menu>
    </div>

</template>
<script setup>
</script>
<style>
    .kuan{
        width:1200px;
        border: 1px solid red;
        margin: 0 auto;
    }
</style>
